:root {
  --balance-back: #e7f6e5;
  --voucher-back: #ffdf8f;
  --details-back: #fff3bb;
  --balance-text: #304c2c;
  --voucher-text: #765807;
  --details-text: #766107;
  --balance-hover: #bbd4b5;
  --voucher-hover: #FEDD83;
  --details-hover: #FEE783;
  
  --virtual-back: #ffdaee;
  --virtual-text: #3d3339;
  --virtual-hover: #ac93a0;
}

.list-row {
  /* font-size: 80%; */
  user-select: none;

  position: relative;
  display: flex;
  width: 100%;

  min-height: 2.5rem;
  /* overflow-x: visible; */
  align-items: center;
  box-sizing: border-box;
  width: fit-content;
 }

.sticky {
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 2;
}

.row-cursor-pointer {
  cursor: pointer;
}

.row-norm {
  background-color: white;
}

.row-norm:hover{
  background-color: rgba(240, 240, 240);
}

.row-norm:active{
  background-color: lightgray;
}



.row-warn { 
  color: black;
  font-weight: 700 !important;
  background: linear-gradient(#dc3545, #dc3545);
}

.row-warn:hover { 
  /* background: black; */
  background: linear-gradient(#dc3545 55%, 75%, #9f2535 95%);
}

.row-warn:active { 
  background-color:gray;
}

.row-info {
  color: white;
  background-color: var(--info);
}

.row-succ {
  color: white;
  background-color: var(--green);
}

.row-balance {
  color: var(--balance-text);
  background-color: var(--balance-back);
}

.row-balance:hover {
  background-color: var(--balance-hover);
}

.row-balance:active {
  background-color: gray;
}

.row-voucher {
  color: var(--voucher-text);
  background-color: var(--voucher-back);
}

.row-voucher:hover {
  background-color: var(--voucher-hover);
}

.row-voucher:active {
  background-color: gray;
}

.row-details {
  color: var(--details-text);
  background-color: var(--details-back);
}

.row-details:hover {
  background-color: var(--details-hover);
}

.row-details:active {
  background-color: gray;
}

.row-virtual {
  color: var(--virtual-text);
  background-color: var(--virtual-back);
}

.row-virtual:hover {
  background-color: var(--virtual-hover);
}

.row-virtual:active {
  background-color: gray;
}